// 混入-滚动条样式
@mixin scroll_bar($back: #ffffff44, $hback: #a8a8a887) {
    overflow-y: auto;

    /*滚动条整体部分*/
    &::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    /*滚动条的轨道*/
    &::-webkit-scrollbar-track {
        background: transparent;
    }

    /*滚动条里面的小方块，能向上向下移动*/
    &::-webkit-scrollbar-thumb {
        background-color: $back ;
        border-radius: 5px;
        border: 1px solid #f1f1f16a;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.603);
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: $hback;
    }

    &::-webkit-scrollbar-thumb:active {
        background-color: #787878;
    }

    /*边角，即两个滚动条的交汇处*/
    &::-webkit-scrollbar-corner {
        background-color: #ffffff;
    }
}

// 混入-盒子阴影
@mixin box_shadow() {
    box-shadow: 0.1em 0.2em 0.3em #8f8f8f4e;
    transition: border 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}